﻿<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width,inital-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no, email=no" />
<title>AG198澳新跨境</title>
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/css.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.mobile.min.js"></script>
<script language="javascript" type="text/javascript" src="js/base.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.lazyload.js"></script>
</head>

<body>
<div class="blayer b-grey" id="blayer">
<ul class="upload-avatar">
<li class="item bline"><button class="ua-btn">拍照</button></li>
<li class="item"><button class="ua-btn">从手机相册选择</button></li>
<li class="item mt-6"><button class="ua-btn cancel">取消</button></li>
</ul>
</div>
<div class="layer-bg" id="layer-bg"></div>

<div class="wrap clearfix">
<header class="header bgf">
<div class="name">分销商申请</div>
<span class="back" id="back"><i class="icon-back icon"></i></span>
</header>
<div class="clear"></div>
<!-- header end -->
<ul class="form-list btline mt10 clearfix">
<li class="item f-list-pl5">
<span class="name">手机号</span>
<input type="text" class="txt" value="" placeholder="请输入手机号">
</li>
<li class="item f-list-pl5">
<span class="name">短信验证码</span>
<input type="text" class="txt" value="" placeholder="请输入验证码">
<button class="btn bred getyzm" id="getyzm">获取验证码</button>
</li>
<li class="item f-list-pl5">
<span class="name">密码</span>
<input type="text" class="txt" value="" placeholder="6-16个字符，数字/大小写字母">
</li>
<li class="item f-list-pl5">
<span class="name">确认密码</span>
<input type="text" class="txt" value="" placeholder="6-16个字符，数字/大小写字母">
</li>
<li class="item f-list-pl5">
<span class="name">姓名</span>
<input type="text" class="txt" value="" placeholder="请填写真实姓名">
</li>
<li class="item f-list-pl5">
<span class="name">公司名称</span>
<input type="text" class="txt" value="" placeholder="请填写真实姓名">
</li>
<li class="item f-list-pl5">
<span class="name">营业执照</span>
<input type="text" class="txt" value="" placeholder="请填写营业执照编号">
</li>
<li class="item clearfix f-list-pl5">
<span class="name">执照照片</span>
<img src="images/add.png" class="id-photo-upload" id="up-yyzz">
</li>
<li class="item f-list-pl5">
<span class="name">身份证号</span>
<input type="text" class="txt" value="" placeholder="15位或18位身份证号">
</li>
<li class="item f-list-pl5 clearfix">
<span class="name">身份证照片</span>
<img src="images/id-photo-upload.png" class="id-photo-upload" id="up-sfzzm">
<img src="images/id-photo-upload2.png" class="id-photo-upload" id="up-sfzfm">
</li>
</ul>

<div class="exit-opn"><button class="btn Large" onClick="window.open('business.html','_self')">提交申请</button></div>
<div class="protocol">
<label class="ico-check active"><input type="checkbox" class="Choose"></label>
我已阅读并同意<a href="protocol.html" class="blue">《澳新跨境协议》</a>
</div>

<!-- footer begin -->
<div class="clear"></div>
<nav class="bot-nav">
<a href="index.html" class="tab"><i class="icon-home icon"></i><p>首页</p></a>
<a href="class.html" class="tab"><i class="icon-sort icon"></i><p>分类</p></a>
<a href="car.html" class="tab"><i class="icon-car icon"></i><p>购物车</p></a>
<a href="login.html" class="tab active"><i class="icon-user icon"></i><p>我的</p></a>
</nav>
</div>
<script language="javascript" type="text/javascript">
var times=60,cuttime;
function getyzm(idn){
	times--;
	if(times>0&&times<60){
	$(idn).text(times+"秒后重新获取");
	$(idn).addClass("fail");
	cuttime=setTimeout(function(){getyzm(idn)},1000);
	}
	else{
		$(idn).text("获取短信验证码");
		times=60;
		$(idn).removeClass("fail");
		clearTimeout(cuttime);
		}
	}

$(function(){
	$("#getyzm").bind("tap",function(){
		if(times==60){
			getyzm("#getyzm");
		}
		return false;
	});
	
	$("#up-yyzz,#up-sfzzm,#up-sfzfm").bind({
		tap:function(){
			openlayer("layer-bg","blayer");
			return false;
			}
		});
	$("#layer-bg").bind({
		tap:function(){
			closelayer("layer-bg","blayer");
			}
		});

});
</script>
</body>
</html>